<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <!-- 设置语言为中文 -->
  <meta http-equiv="Content-Language" content="zh-cn"/>
  <!-- 禁止百度转码 -->
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <!-- 是否开启cleartype显示效果 -->
  <meta http-equiv="cleartype" content="on">
  <meta name="skype_toolbar" content="skype_toolbar_parser_compatible">
  <!-- 优先使用最新的chrome版本 -->
  <meta http-equiv="X-UA-Compatible" content="chrome=1"/>
  <!-- 启用360浏览器的极速模式(webkit) -->
  <meta name="renderer" content="webkit">
  <!-- 避免IE使用兼容模式 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
  <meta name="HandheldFriendly" content="true">
  <!-- 设置手持设备支持 -->
  <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
  <meta content="yes" name="apple-mobile-web-app-capable">
  <meta content="black" name="apple-mobile-web-app-status-bar-style">
  <meta content="telephone=no" name="format-detection">
  <!-- 加密的 JS 框架 -->
  <link rel="shortcut icon" href="./favicon.png"/>
  <link rel="stylesheet" id="style" type="text/css" href="" />
  <title>项目名</title>
  <script src="https://cdn.aiylqy.com/cdn/jquery/3.4.1/jquery.min.js"></script>
  <script type="text/javascript" src="./static/jsencrypt.js"></script>
  <script type="text/javascript" src="./static/charting_library.min.js"></script>
  <script type="text/javascript" src="./static/polyfills.js"></script>
  <script type="text/javascript" src="./static/bundle.js"></script>
  <style>
    [v-cloak] {
      display: none !important;
    }
  </style>
  <style>
    /**
     * 内容比较多,所以直接通过3D变形来开启GPU加速
     */
    #app-box {
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 1000;
      -moz-perspective: 1000;
      -ms-perspective: 1000;
      perspective: 1000;
    }

    #weixin-tip-box {
      display: none;
      position: fixed;
      left: 0;
      top: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.8);
      filter: alpha(opacity=80);
      height: 100%;
      width: 100%;
      z-index: 100;
    }

    .weixin-tip {
      background: #40b2a8;
      z-index: 100;
      padding: 8px;
      border-radius: 8px;
      margin-right: 8px;
      width: 40%;
      float: right;
    }

    .weixin-tip p {
      text-align: center;
      font-size: 14px;
      color: #fff;
    }

    .weixin-tip p.content {
      text-align: center;
      font-size: 14px;
    }

    .triangle_border_up {
      width: 0;
      height: 0;
      border-width: 0 6px 12px;
      border-style: solid;
      border-color: transparent transparent #40b2a8;
      /*透明 透明  灰*/
      margin-left: 90%;
    }
  </style>

  <script type="text/javascript">
      // 开启原生H5的GPU硬件加速
      function plusReady() {
          create();
      }

      if (window.plus) {
          plusReady();
      } else {
          document.addEventListener('plusready', plusReady, false);
      }

      // 创建新窗口并设置开启硬件加速
      function create() {
          var styles = {};
          // 在Android5以上设备，如果默认没有开启硬件加速，则强制设置开启
          if (!plus.webview.defaultHardwareAccelerated() && parseInt(plus.os.version) >= 5) {
              styles.hardwareAccelerated = true;
          }
      }

      // 判断是否是微信浏览器的函数
      function isWeiXin() {
          var ua = window.navigator.userAgent.toLowerCase();
          if (ua.match(/MicroMessenger/i) == 'micromessenger') {
              return true;
          } else {
              return false;
          }
      }

      window.onload = function () {
          var tip = document.getElementById('weixin-tip-box');
          if (isWeiXin()) {
              // 是微信浏览器，执行操作
              tip.style.display = 'block';
          } else {
              return false;
          }
      }
      // 安卓机返回机制
      document.addEventListener('plusready', function () {
          var webview = plus.webview.currentWebview();
          plus.key.addEventListener('backbutton', function () {
              webview.canBack(function (e) {
                  var filename = location.href;
                  filename = filename.substr(filename.lastIndexOf('/') + 1);
                  if (filename == "Login" || filename == "" || filename == "Find" || filename == "My") {
                      if (window.confirm('是否退出？')) {
                          webview.close();
                          return true;
                      } else {
                          return false;
                      }
                  } else {
                      webview.back();
                  }
              })
          });
      });
  </script>
</head>

<body>
<!-- <div id='weixin-tip-box'>
  <div class="triangle_border_up">
    <span></span>
  </div>
  <div class="weixin-tip">
    <p>
      请点击右上角
    </p>
    <p class="content">
      选择"浏览器中打开"
    </p>
  </div>
</div> -->
<div id="app-box" v-cloak draggable="true"></div>
</body>

</html>
